<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="Bookmark" href="/favicon.ico" >
    <link rel="Shortcut Icon" href="/favicon.ico" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="__STATIC__/js/lib/html5shiv.js"></script>
    <script type="text/javascript" src="__STATIC__/js/lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/js/lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/h-ui.admin/css/style.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <!--/meta 作为公共模版分离出去-->
    <title>添加用户组</title>
    <meta name="keywords" content="H-ui.admin v3.0,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
    <meta name="description" content="H-ui.admin v3.0，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
</head>
<body>
<article class="page-container">
    <form  action="" method="post" class="form form-horizontal" id="form-member-add">
        <input type="hidden" id="id" value="<{$group_data['id']}>">
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>用户组名称：</label>
            <div class="formControls col-xs-8 col-sm-2">
                <input type="text" class="input-text"  name="name" id="name" value="<{$group_data['name']}>" disabled="disabled">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">网站角色：</label>
            <div class="formControls col-xs-8 col-sm-9">
                {foreach name="permission_data" item="data"}
                    <dl class="permission-list">
                        <dt>
                            <label>
                                {in name="$data['id']" value="$group_data['rules']"}
                                        <input type="checkbox" value="<{$data['id']}>"  name="checkbox" checked="checked" id="checkbox_<{$data['id']}>">
                                     {else/}
                                        <input type="checkbox" value="<{$data['id']}>"  name="checkbox" id="checkbox_<{$data['id']}>">
                                {/in}
                                <{$data['name']}>
                            </label>
                        </dt>
                        {foreach name="data['data']" item="dt"}
                            <dd>
                                <dl class="cl permission-list2">
                                    <dt>
                                        <label class="">
                                            {in name="$dt['id']" value="$group_data['rules']"}
                                                    <input type="checkbox" value="<{$dt['id']}>" fname="checkbox_<{$dt['pid']}>" checked="checked" name="checkbox" id="checkbox_<{$dt['pid']}>_<{$dt['id']}>">
                                                {else/}
                                                     <input type="checkbox" value="<{$dt['id']}>" fname="checkbox_<{$dt['pid']}>"  name="checkbox" id="checkbox_<{$dt['pid']}>_<{$dt['id']}>">
                                            {/in}
                                            <{$dt['name']}>
                                        </label>
                                    </dt>
                                    <dd>
                                        {if condition="!empty($dt['data']) gt 0"}
                                            {foreach name="dt['data']" item="dd"}
                                            <label class="">
                                                {in name="$dd['id']" value="$group_data['rules']"}
                                                <input type="checkbox" value="<{$dd['id']}>"  checked="checked" fname="checkbox_<{$dd['pid']}>_<{$dd['ppid']}>" ffname="checkbox_<{$dt['pid']}>" name="checkbox" id="checkbox_<{$dd['pid']}>_<{$dd['ppid']}>_<{$dd['id']}>">
                                                {else/}
                                                <input type="checkbox" value="<{$dd['id']}>" fname="checkbox_<{$dd['pid']}>_<{$dd['ppid']}>" ffname="checkbox_<{$dt['pid']}>" name="checkbox" id="checkbox_<{$dd['pid']}>_<{$dd['ppid']}>_<{$dd['id']}>">
                                                {/in}
                                                <{$dd['name']}>
                                            </label>
                                            {/foreach}
                                        {/if}
                                    </dd>
                                </dl>
                            </dd>
                        {/foreach}
                    </dl>
                {/foreach}
            </div>
        </div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <input class="btn btn-success radius" type="button" onclick="add_permission()" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
                <input class="btn btn-danger radius" type="button" onclick="javascript:parent.window.layer.closeAll();" value="&nbsp;&nbsp;取消&nbsp;&nbsp;">
            </div>
        </div>
    </form>
</article>
<script type="text/javascript" src="__STATIC__/js/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/js/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="__STATIC__/css/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="__STATIC__/css/h-ui.admin/js/H-ui.admin.js"></script>
<script type="text/javascript" src="__STATIC__/js/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="__STATIC__/js/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="__STATIC__/js/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="__STATIC__/js/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">
    $("input[name='checkbox']").click(function(){
        var id=$(this).attr("id");
        var length=id.split("_").length;
       if($(this).is(":checked")){
           if(length==2){
               //主菜单
               $("input[fname='"+id+"']").prop("checked","checked");
               $("input[ffname='"+id+"']").prop("checked","checked");
           }
           if(length==3){
               $("input[fname='"+id+"']").prop("checked","checked");
               $("#"+$(this).attr("fname")+"").prop("checked","checked");
           }
           if(length==4){
               $("#"+$(this).attr("fname")+"").prop("checked","checked");
               $("#"+$(this).attr("ffname")+"").prop("checked","checked");
           }
       }else {
           if(length==2){
               //主菜单
               $("input[fname='"+id+"']").prop("checked","");
               $("input[ffname='"+id+"']").prop("checked","");
           }
           if(length==3){
               $("input[fname='"+id+"']").prop("checked","");
           }
       }
    })

    function add_permission(){
        var id=$("#id").val();
        var rules="";
        $("input[name='checkbox']:checked").each(function(){
            rules=rules+$(this).val()+",";
        })
        $.ajax({
            type:"POST",
            url:"<{:url('admin/auth_group/addPermission')}>",
            dataType:"json",
            data:{id:id,rules:rules},
            success:function(data){
                if(data.code==1){
                    layer.msg(data.msg,{icon:1,title:"系统提示",time:1000},function(){
                        parent.window.datatable.fnDraw();
                        parent.window.layer.closeAll();
                    })
                }
                else {
                    layer.msg(data.msg,{icon:2,titile:"系统提示",time:1000});
                }
            }
        })
    }
</script>
</body>
</html>